<template>
  <v-row>
    <!--@click="$router.push({name:'talkDetail',params:{talk:talk}})"-->
    <!--<v-list-tile-content>
      <v-list-tile-title>
        {{talk.user.nickname}}
        <v-icon small color="blue" v-if="talk.user.gender === '男'">mdi-gender-male</v-icon>
        <v-icon small color="pink" v-else>mdi-gender-female</v-icon>
      </v-list-tile-title>
      <v-list-tile-sub-title class="pt-1">
                      <span class="grey&#45;&#45;text">
                        {{talk.date|formatTime}}
                        &lt;!&ndash;如果位置近距离 km以下，显示县区名称，50km以上显示市区的名车，1000公里以上显示省的名称&ndash;&gt;
                        <v-icon class="subheading">place</v-icon>
&lt;!&ndash;                        {{talk.position.district}}&ndash;&gt;
                      </span>
      </v-list-tile-sub-title>
    </v-list-tile-content>-->
  </v-row>
</template>

<script lang="ts">
  import {Vue, Component, Prop, Watch} from 'vue-property-decorator'
  import Talk from "@/model/Talk"


  @Component({
    components: {
    }
  })
  export default class TalkDetail extends Vue {
    @Prop() readonly talk: Talk

    toUserDetail(userId) {
      this.$router.push({
        name: 'userDetail',
        params: {
          userId: userId
        }
      })
    }

    followUser(userId) {
      this.$post('/follow/addFollow', 'beUserId=' + userId).then(res => {
      })
    }
  }
</script>
<style lang="scss">
    .talkHeadImg{

    }
  .talk-nickname {
    height: 25px;
    font-size: 14px;
    font-weight: 500;
  }

  .talk-date {
    color: #999;
    font-size: 12px;
    height: 25px;
  }
</style>
